<!--#include file="lib/utf-8.asp"-->
<!--#include file="lib/conn.asp"-->
<!--#include file="lib/saferequest.asp"-->
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<link rel="stylesheet" href="lib/jquery_datatables_lastest/media/css/demo_page.css" type="text/css" />
<link rel="stylesheet" href="lib/jquery_datatables_lastest/media/css/demo_table_jui.css" type="text/css" />
<link rel="stylesheet" href="lib/jquery.ui/themes/base/jquery.ui.all.css" type="text/css" />
<link rel="stylesheet" href="lib/jquery_fancybox_lastest/fancybox/jquery_fancybox_lastest.css" type="text/css" />
<link rel="stylesheet" href="lib/yaml/central_draft.css" type="text/css"/>
<style type="text/css">
  .center { display:table-cell; }
</style>
<script type="text/javascript" src="lib/jquery_lastest.js"></script>
<script type="text/javascript" src="lib/jquery_datatables_lastest/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="lib/jquery_fancybox_lastest/fancybox/jquery_fancybox_lastest.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="lib/jquery.ui/ui/jquery.ui.tooltip.js"></script>
<script type="text/javascript">
	$(function() {

		oTable = $('.contable').dataTable({
			"iDisplayLength": 25,
			"aLengthMenu": [25, 50],
			"bProcessing": true,
			"bServerSide": true,
			//"bSort": false,
			"bAutoWidth": false,
			"aaSorting": [[0,'desc']],
			"aoColumnDefs": [
            { "sClass": 'center', "aTargets": [ 0, 2, 3, 4, 5, 6, 7, 8 ] },
						{ "bSortable": false, "aTargets": [ 0, 1, -1 ] },
						{ "bSearchable": false, "aTargets": [ 0 ] },
						//{ "bVisible": false, "aTargets": [ 1 ] }
        ],
			"sAjaxSource": "ship_processing.asp",
			"bJQueryUI": true,
			"sPaginationType": "full_numbers",
			"oLanguage": {
				"sUrl": "lib/jquery_datatables_lastest/media/language/zh_CN.txt"
			},
			"fnDrawCallback": function() {
        //alert( 'DataTables has redrawn the table' );
				$(".contable .fancybox").fancybox({
					'type':'iframe'
				});
 				$(".title").tooltip({
					open: function() {
					var tooltip = $(this).tooltip("widget");
					$(document).mousemove(function(event) {
						tooltip.position({
							my: "left center",
							at: "right center",
							offset: "15 25",
							of: event
						});
					})
					// trigger once to override element-relative positioning
					.mousemove();
				},
				close: function() {
					$(document).unbind("mousemove");
			}

				
				});
     }

		});
		
	
		
	});
</script>	
</head>
<%
call CheckRights(1,1)
%>

<body>
<div  class="page_margins">
  <div class="page">
    <div id="nav">

      <div class="hlist">
        <ul>
          <li><a href="ship.asp">船舶信息管理</a></li>
          <li><a href="vocc.html">新增船公司</a></li>
          <li><a href="vessel.html">新增船舶</a></li>
          <li><a href="voyage.asp">新增航次</a></li>
        </ul>
      </div>

    </div>

		<table class="contable display">
		<thead>
			<tr>
					<th>序号</th>
					<th>船名/航次</th>
					<th>船公司</th>
					<th>提箱</th>
					<th>还箱</th>
					<th>截关</th>
					<th>开船</th>
					<th>泊位</th>
					<th>航程</th>
					<th>备注</th>
				</tr>
			</thead>
			<tfoot>
			<tr>
					<th>序号</th>
					<th>船名/航次</th>
					<th>船公司</th>
					<th>提箱</th>
					<th>还箱</th>
					<th>截关</th>
					<th>开船</th>
					<th>泊位</th>
					<th>航程</th>
					<th>备注</th>
			 </tr>
			</tfoot>
		</table>
	</div>
</div>
</body>
</html>
